<template>
    <div class="bread">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>{{fatherName}}</el-breadcrumb-item>
            <el-breadcrumb-item>{{childName}}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>
<script setup>
    import { defineProps } from 'vue'
    const props = defineProps({
        fatherName:String,
        childName:String,
    })
</script>
<style lang="scss" scoped>
    .bread{
        margin-bottom: 10px;
    }
</style>